@import "./theme.scss";

/* 容器大小 */
.container {
    width: 100%;
    min-height: 100%;
    padding: 10px;
    background-color: $backgroundMainColor;
    box-sizing: border-box;
}

.el-card {
    background-color: $backgroundColor;
    box-sizing: border-box;
    --el-card-border-color: none;
}

/* symbol图标样式 */
.iconSymbol {
    width: 18px;
    height: 18px;
    fill: currentColor;
    overflow: hidden;
    margin-right: 5px;
}

.iconfont {
    color: $fontColor;
}

/* 菜单栏样式 */
.el-menu {
    border: none;
    background-color: $backgroundColor;
}

.el-sub-menu__title {
    color: $fontColor;
}

.el-menu-item:hover {
    background-color: $backgroundHover;
}

.el-sub-menu__title:hover {
    background-color: $backgroundHover;
}

/* 弹出框样式 */
.el-dropdown-menu {
    background-color: $backgroundDown;
}

.el-dropdown-menu.el-dropdown-menu--default {
    background-color: $backgroundDown;
}

.el-popper.is-light .el-popper__arrow::before {
    background-color: $backgroundDown;
}

.el-dropdown-menu__item {
    color: $fontColor;
}

.el-dropdown-menu__item:hover {
    color: $primaryColor !important;
    background-color: $backgroundHover !important;

    .iconfont {
        color: $primaryColor;
    }
}

/* 分割栏样式 */
.el-divider__text {
    background: $backgroundColor;
    color: $fontColor;
}

/* 按钮样式 */
.el-button:hover {
    border: 1px solid $primaryColor;
    background-color: $primaryColorLight;
}

.el-button:focus {
    border: 1px solid $primaryColor;
    background-color: $primaryColor;
}

/* popover样式 */
.el-popover.el-popper {
    background-color: $backgroundDown ;
}

/* tabs样式 */
.el-tabs__item {
    color: $fontColor;
}